import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'
// 根据环境设置基地址，process.env.VUE_APP_BASE_API 的表示读取该变量，npm run dev时该变量为 /api,  npm run build:prod时 该变量为 /prod-api
const baseUrl = process.env.VUE_APP_BASE_API

// 创建一个axios实例
const instance = axios.create({
  baseURL: baseUrl,
  timeout: 50000
})
// 请求拦截器
instance.interceptors.request.use((config) => {
  // 注入token
  if (store.getters.token) {
    config.headers['Authorization'] = 'Bearer ' + store.getters.token
  }
  return config
}, (error) => {
  return Promise.reject(error)
})

// 响应拦截器
instance.interceptors.response.use((response) => {
  if (response.data instanceof Blob) return response.data
  const { data, success, message } = response.data
  if (success) {
    return data
  } else {
    Message({ type: 'error', message })
    return Promise.reject(message)
  }
}, (error) => {
  // 处理响应错误问题
  if (error.response.status && error.response.status === 401) {
    Message({ type: 'warning', message: 'token超时了' })
    store.dispatch('user/resetToken').then(() => {
      router.push('/login')
      return Promise.reject(error)
    })
  }
  return Promise.reject(error)
})
export default instance
